<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        input {
            font-size: 15px;
            font-weight: bold;
            text-align: right;
            color: green;
        }
    </style>
</head>

<body>
    分:<input type="text" value="0"> 秒:
    <input type="text" value="0">
    <script>
        // Date();返回当日的日期和时间
        // getDate();从Date对象返回一个月中的某一天（1~31）
        // getDay();从Date对象返回一周中的某天（0~6）
        // getMonth();从Date对象返回月份（0~11）
        // getFullYear();从Date对象以四位数字返回年份
        // getHours();返回Date对象的小时（0~23）
        // getMintues();返回Date对象的分钟（0~59）
        // getSeconds();返回Date对象的秒（0~59）
        // getMilliseconds();返回Date对象的毫秒
        // getTime();返回1970年1月1日至今的毫秒数
        // getTimezoneOffset();返回本地时间与格林威治标准时间（GMT）的分钟差
        // getUTCDate();根据世界时从Date对象返回月中的一天（1~31）
        // getUTCDay();根据世界时从Date对象返回周中的一天（0~6）
        // setDate();设置Date对象中月的某一天（1~31）
        // setMonth();设置Date对象中的月份（0~11）
        // setFullYear();设置Date对象中的年份（四位数字）
        // setHours();设置Date对象中的小时（0~23）
        // setMintues();设置Date对象中的分钟（0~59）
        // setSeconds();设置Date对象中的秒钟（0~59）
        // setMillseconds();设置Date对象中的毫秒（0~999）
        // setTime();以毫秒设置Date对象

        // var date = new Date();
        // console.log('1970年1月1日至今 ' + date.getTime() + ' 毫秒');
        // 封装函数，打印当前是何年何月何日何时，几分几秒
        // var time = function() {
        //     var date = new Date();
        //     return ('当前时间为北京时间：' + date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日' + date.getHours() + '时' + date.getMinutes() + '分' + date.getSeconds() + '秒' + date.getMilliseconds() + '毫秒');
        // }
        // console.log(time());

        //时间戳
        // var firstTime = new Date().getTime();
        // for (var i = 0; i < 1000000; i++) {}
        // var lastTime = new Date().getTime();
        // console.log(lastTime - firstTime);

        // 定时器
        // setInterval();
        // setTimeout();
        // clearInterval();
        // clearTimeout();
        // 全局对象window上的方法，内部函数this指向window
        // 注意：setIntervar('',1000);(另一种写法，引号里面的会别当作代码执行)

        // var i = 0
        // var time = 100;
        // var t = setInterval(function() {
        //     if (i > 20) {
        //         clearInterval(t);//清除定时器
        //     }
        //     console.log(i++);
        // }, time)
        // time = 2000; //定时器中的time不是,后面修改time不管用

        // 定时器时间不准
        // var firstTime = new Date().getTime();
        // setInterval(function() {
        //     var lastTime = new Date().getTime();
        //     console.log(lastTime - firstTime);
        //     firstTime = lastTime;
        // }, 1000)

        // setTimeout(function() {
        //     console.log(1);
        // }, 1000)//推迟1000毫秒后执行且只执行一次

        // 定时器，三分钟停止
        // var input1 = document.getElementsByTagName('input')[0];
        // var input2 = document.getElementsByTagName('input')[1];
        // var first = 0,
        //     second = 0;
        // setInterval(function() {
        //     second++;
        //     if (second == 60) {
        //         second = 0;
        //         first++;
        //     } else if (first == 3) {
        //         second = 0;
        //         // 或者清除定时器
        //     }
        //     input1.value = first;
        //     input2.value = second;
        // }, 1000)
    </script>
</body>

</html>